<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>10-表格合并</title>
</head>
<body>
<!--
 # 合并单元格思路
 1. 先不用管合并, 先写出完整表格
 2. 接着考虑跨行还是跨列 (同行跨列,同列跨行)
 3. 最后删除多余单元格

 # 合并的关键
   让一个单元格膨胀
 1. 跨行 : rowspan
 2. 跨列 : colspan (column 列)

-->

<table width="300px" height="200px" align="center" border="1" cellpadding="0" cellspacing="0" >
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

<table border="1px" cellspacing="0px" cellpadding="10px"width="500px">
    <tr align="center">
        <td rowspan="2">11</td>
        <td>12</td>
        <td colspan="2">13</td>
<!--        <td>14</td>-->
    </tr>
    <tr>
<!--        <td>21</td>-->
        <td>22</td>
        <td>23</td>
        <td>24</td>
    </tr>
    <tr>
        <td>31</td>
        <td>32</td>
        <td>33</td>
        <td>34</td>
    </tr>
    <tr>
        <td>41</td>
        <td>42</td>
        <td>43</td>
        <td>44</td>
    </tr>
</table>

</body>
</html>